<template>
  <div class="desc-pic">
    <div class="desc">
        {{list.content}}
    </div>
    <div class="pic_img  clearfix">
      <div v-for="(item,index) in list.img" :key="index" class="img_li">
        <div class="img" v-lazy:background-image="item" @click="preview(index)"></div>
      </div>
    </div>
    <div class="reading-count">{{list.reading_amount}}</div>
  </div>
</template>

<script>
  // import qs from 'qs'
  export default {
    data () {
      return {
      }
    },
    props: ['list']
    // created() {
    //   const url = `https://ynwx.zgwyzxw.cn/index.php/wx/wx_jssdk/getSignPackage`
    //   let data = {
    //     url: window.location.href
    //   }
    //   this.$http.post(url, qs.stringify(data), {headers: {'Content-Type': 'application/x-www-form-urlencoded'}}).then(res => {
    //     if (res.data.code === 200) {
    //       wx.config({
    //         debug: false,
    //         appId: res.data.data.appId,
    //         nonceStr: res.data.data.nonceStr,
    //         rawString: res.data.data.rawString,
    //         signature: res.data.data.signature,
    //         timestamp: res.data.data.timestamp,
    //         jsApiList: ['previewImage']
    //       })
    //     }
    //   })
    // },
    // methods: {
    //   preview (index) {
    //     wx.previewImage({
    //       current: this.list.img[index], // 当前显示图片的http链接
    //       urls: this.list.img // 需要预览的图片http链接列表
    //     })
    //   }
    // }
  }
</script>

<style lang="less">
  .desc-pic {
    padding: 10px;
    .desc {
      line-height: 16px;
    }
    .pic_img {
      width: 100%;
      .img_li {
        width: 24%;
        height: 80px;
        margin-top: 1%;
        float: left;
        margin-left: 1%;
        .img {
          width: 100%;
          height: 100%;
          background-size: cover;
        }
      }
    }
  }
</style>
